<table id="details" class="table table-hover">
    <tr>
        <td>在库零件总价</td>
        <td>{{ total_price }}</td>
    </tr>
</table>
<br>
<table id="t1" class="table table-hover">
    <tr class="title1">
        <td>大类名称</td>
        <td>在库价值</td>
    </tr>
    {% for j in data %}
        <tr>
            <td>
                <button id="bigname" class="title-1">{{ j[0] }}</button>
            </td>
            <td>
                {{ j[1] }}
            </td>
        </tr>
    {% endfor %}
</table>
<style>
    .title-1 {
        /*消除button的默认样式*/
        /*这种写法是对所有的button标签同时生效*/
        margin: 0;
        padding: 0;
        /*自定义边框*/
        border: 0;
        /*消除默认点击蓝色边框效果*/
        outline: none;
        background-color: rgba(0, 0, 0, 0);
        cursor: pointer;
        width: 100%;
        height: 100%;
    }
</style>
